<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>宠四方</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link  rel="stylesheet" href="resources/css/c4f.css" />
	<link  rel="stylesheet" href="resources/css/boxy.css" />
	<script src="resources/js/jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.ui.position.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.d.imagechange.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="resources/js/jquery.flow.1.2.auto.js"></script>	
	<script type="text/javascript" src="resources/js/jquery.boxy.js"></script>	
	<script type="text/javascript" src="resources/js/jquery.bgiframe-2.1.1.js"></script>	
	
</head>
<body>
	

	
<div class="bdbox">
	<div class="innerbox">
		<div class="topp">
			<span class="uinfo"><a href="###">免费注册</a><a href="###">登录</a></span>
			<span class="cities">
				<a class="lc">切换城市:</a>
				<a href="###" class="active">北京</a>
				<a href="###" >上海</a>
				<a href="###" >深圳</a>
				<a href="###" >广州</a>
				<a href="###" >重庆</a>
				<a href="###" class="othercities" >其他城市</a>
			</span>
		</div>
		
		<div class="logobox">
			<a href="###" class="hdlogo" title="宠四方首页">logo</a>
			
			<div class="searchbox">
				<ol class="qtypes" id="qtypes">
					<li class="ctype">全部</li>
					<li>宠物</li>
					<li>宠友</li>
					<li>论坛</li>
					<li>分类</li>
					<li>服务商</li>
				</ol>
				<div class="qbox">
					<input type="text" class="txtq" placeholder="关键字" />
					<input type="button" class="btnq" value="搜索" />
				</div>
			</div>
			<script type="text/javascript">$("#qtypes >li").click(function(){$("#qtypes .ctype").removeClass("ctype");$(this).addClass("ctype");});</script>
			
			<div class="rtm">
				<a href="###">免费发布个人信息</a>
				<a href="###">免费发布个人信息</a>
			</div>
			<!--[if gt IE 6]>
			<div class="navbg"></div>
			<![endif]-->
			<div class="nav" id="nav">
				<ul>
					<li class="pngfix  nav1"><a href="###" class="navitem">首页</a></li>
					<li class="pngfix  nav2"><a href="###" class="navitem">宠物有约</a></li>
					<li class="pngfix  nav3" id="nav3">
						<a href="###"  class="navitem">论坛</a>
						<div class="navsub" id="nav3sub">
							<a href="###">宠宠有约宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
						</div>
					</li>
					<li class="pngfix  nav4"><a href="###"  class="navitem">咨询</a></li>
					<li class="pngfix  nav5"><a href="###"  class="navitem">分类</a></li>
					<li class="pngfix  nav6"><a href="###"  class="navitem">商户</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				$("#nav li").hover(function(){
					$(".navsub",this).show().bgiframe();
				},function(){
					$(".navsub",this).hide();
				});
			</script>
		</div>
		
		<div class="cnav">
			<span class="cnavright">
				<a href="###" class="rss">RSS订阅</a>
			</span>
			<span class="current">
				<a href="###">首页</a>&gt;&gt;<a href="###">宠宠有约</a>&gt;&gt;宠物信息
			</span>
		</div>
		
		<div class="bd2 clearfix petprofile">
			<div class="bd2left">
				<dl  class="leftlist" id="leftlist">
					<div class="dogface"><img src="demoimages/dogface.gif" /></div>
					<div class="region">
						<p><a href="###" class="t u">编辑照片</a></p>
						<p>性别：男</p>
						<p>生日：2011-04-14</p>
						<p>门牌：<a href="###">北京市</a>-<a href="###">东城区</a>-<a href="###">慧新西街</a></p>
						<p>类型：<a href="###">小型犬</a>-<a href="###">贵宾犬</a></p>
					</div>
					<div class="region">
						<p><a href="###" class="t u" id="btneditprofile" title="编辑宠物档案">编辑宠物档案</a></p>
						<p><a href="###">他的照片(100)</a></p>
						<p><a href="###">他的日记(10)</a></p>
						<p><a href="###">他的状态(10)</a></p>
						<p><a href="###" class="g">隐私设置</a></p>
					</div>
					<div class="region">
						<p><a href="###" class="t u">偶喜欢</a></p>
						<p><a href="###">吃东西</a>|<a href="###">吃东西</a>|
									<a href="###">玩玩具</a>|
									<a href="###">啃咬家具</a>|
									<a href="###">撒娇</a>|
									<a href="###">游泳</a>|
									<a href="###">晒太阳</a>|
									<a href="###">被爱抚</a>
						</p>
						<p><a href="###" class="t u">偶不喜欢</a></p>
						<p><a href="###">吃东西</a>|<a href="###">吃东西</a>|
									<a href="###">玩玩具</a>|
									<a href="###">啃咬家具</a>|
									<a href="###">撒娇</a>|
									<a href="###">游泳</a>|
									<a href="###">晒太阳</a>|
									<a href="###">被爱抚</a>
						</p>
					</div>
					<div class="region last">
						<p><a href="###" class="t u">偶的主人</a></p>
						<div class="pethost">
							<p>西瓜</p>
							<p>MM</p>
							<p>北京-东城区</p>
							<div class="pethostimg"><img src="resources/images/defaultface.jpg" /></div>
						</div>
						<p><a href="###" class="g">编辑档案</a></p>
						<p><a href="###" class="g" id="hostaddpet">添加我的宠物</a></p>
						<p><a href="###" class="g">我的商户信息</a></p>
						<p><a href="###" class="g">我的分类广告</a></p>
					</div>
				</dl>
			</div>
			<div class="bd2center">
				<div class="cf2c clearfix">
					<div class="cf2left">
						<p class="pettname">豆豆-贵宾犬-狗狗GG&nbsp;&nbsp;<img src="resources/images/gg.png" /></p>
						<p>住在：<a href="###">北京市</a>-<a href="###">东城区</a>-<a href="###">慧新西街</a></p>
						<div class="pubbox">
							<textarea>今天晚上我找隔壁的蛋蛋玩</textarea>
							<input type="button" value="哄一声" class="btnpub" />
						</div>
						<p class="linkstab1"><a href="###">豆豆的动态</a><b class="sep">|</b><a href="###">豆豆的留言板</a></p>
						
						<div class="msg n">
							<div class="msgimg"><img src="demoimages/dogface2.gif" /></div>
							<p>豆豆说：</p>
							<p>他把搭建</p>
						</div>
						<div class="msg n">
							<div class="msgimg"><img src="demoimages/dogface2.gif" /></div>
							<p>豆豆发布了新的动态</p>
							<p><a href="###" class="g">发布动态信息。。。。</a></p>
						</div>
						<div class="msg n">
							<div class="msgimg"><img src="demoimages/dogface2.gif" /></div>
							<p>豆豆上传了新照片</p>
							<p>
								<a href="###"><img height="40" src="demoimages/dogface2.gif" /></a>
								&nbsp;
								<a href="###"><img height="40" src="demoimages/newsimg.jpg" /></a>
								&nbsp;
								<a href="###" class="g">等共2张照片</a>
								</p>
						</div>
						<div class="morenews">
							<a href="###" class="btnmorenews g">更多动态</a>
						</div>
						
						<div class="picst">
							<span class="picslinks">
								<a href="###">上传照片</a>|<a href="###">更多照片</a>
							</span>
							<b class="g">豆豆的照片</b>
						</div>
						
						<div class="picsc clearfix">
							<a href="###"><span><img src="demoimages/1.jpg" width="100" /></span></a>
							<a href="###"><span><img src="demoimages/2.jpg"  width="100" /></span></a>
							<a href="###"><span><img src="demoimages/datecat2.gif"  width="100"  /></span></a>
							<a href="###"><span><img src="demoimages/s3.jpg" width="100" /></span></a>
							<a href="###"><span><img src="demoimages/1.jpg"  width="100" /></span></a>
							<a href="###"><span><img src="demoimages/2.jpg"  width="100" /></span></a>
							<a href="###"><span><img src="demoimages/datecat2.gif" width="100"  /></span></a>
							<a href="###"><span><img src="demoimages/s3.jpg" width="100"  /></span></a>
						</div>
					</div>
					<div class="cf2right">
						<div class="pethostlinks">
							<p><a href="###" id="mynotes"><b>+</b>3条新留言</a></p>
							<p><a href="###" id="sitemsg"><b>+</b>2条站内信</a></p>
							<p><a href="###" id="friendsreq"><b>+</b>4个好友申请</a></p>
						</div>
						<div class="petlinks">
							<p><a href="###" id="leavefootprint">留个爪印</a></p>
							<p><a href="###" id="sendmsg">给TA发消息</a></p>
							<p><a href="###" id="findfriends">给偶找个伴</a></p>
						</div>
						
						
						<div class="cf2rt cf2rbbst">我的好友</div>
						<div class="cf2rc clearfix">
							<div class=" clearfix petfriends">
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							</div>
							<p class=" morefriends">
								<a href="###">全部好友</a>
							</p>
						</div>
						
						<div class="cf2rt cf2rbbst">最近来过</div>
						<div class="cf2rc clearfix">
							<div class=" clearfix petfriends">
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							</div>
						</div>
						
						<div class="cf2rt cf2rbbst">可能认识</div>
						<div class="cf2rc clearfix">
							<div class=" clearfix petfriends">
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"  /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"   /></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							<a href="###"><span><img src="demoimages/dogface2.gif"/></span></a>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		<div class="bottomimgs">
			<a href="###" class="dog"></a>
			<a href="###" class="cat"></a>
			<a href="###" class="other"></a>
		</div>
		
		<div class="buttom">
			<a href="###">联系我们</a>
			<a href="###">关于我们</a>
			<a href="###">广告投放</a>
			<a href="###">电话咨询
			</a>
		</div>
		<div class="copyright">
			2011&copy;荣中广告（中国）有限公司
		</div>
		
	</div>
</div>
<script type="text/javascript">
	$(function(){
		$("#btneditprofile").click(function(){
			window.profiledlg= new Boxy("<div style='height:310px;width:540px;'><iframe src=\"petprofile-edit.html\" width=\"540\" height=\"310\" frameborder=\"0\"></iframe></div>", {title: "编辑宠物信息",modal:true,closeText:"返回个人档案首页"});
		});
		$("#friendsreq").click(function(){
			window.frdlg=new Boxy("<div style='height:310px;width:540px;'><iframe src=\"petprofile-friendsreq.html\" width=\"540\" height=\"310\" frameborder=\"0\"></iframe></div>", {title: "好友请求",modal:true,closeText:"返回个人档案首页"});
		});
		$("#sitemsg").click(function(){
			window.sitemsgdlg=new Boxy("<div style='height:410px;width:540px;'><iframe src=\"petprofile-sitemsg.html\" width=\"540\" height=\"410\" frameborder=\"0\"></iframe></div>", {title: "站内消息",modal:true,closeText:"返回个人档案首页"});
		});
		
		$("#hostaddpet").click(function(){
			window.hostaddpetdlg=new Boxy("<div style='height:440px;width:540px;'><iframe src=\"petprofile-hostaddpet.html\" width=\"540\" height=\"440\" frameborder=\"0\"></iframe></div>", {title: "添加我的宠物",modal:true,closeText:"返回个人档案首页"});
		});
		
		$("#findfriends").click(function(){
			window.findfriendsdlg=new Boxy("<div style='height:540px;width:740px;'><iframe src=\"petprofile-findfriends.html\" width=\"740\" height=\"540\" frameborder=\"0\"></iframe></div>", {title: "找朋友",modal:true,closeText:"返回个人档案首页"});
		});
		
		$("#sendmsg").click(function(){
			window.sendmsgdlg=new Boxy("<div style='height:80px;width:440px;'><iframe src=\"petprofile-sendmsg.html\" width=\"440\" height=\"80\" frameborder=\"0\"></iframe></div>", {title: "给TA发消息",modal:true,closeText:"返回个人档案首页"});
		});
		
		$("#mynotes").click(function(){
			window.mynotesdlg=new Boxy("<div style='height:530px;width:440px;'><iframe src=\"petprofile-mynotes.html\" width=\"440\" height=\"530\" frameborder=\"0\"></iframe></div>", {title: "我的留言板",modal:true,closeText:"返回个人档案首页"});
		});
		
		$("#leavefootprint").click(function(){
			window.leavefootprintdlg=new Boxy("<div style='height:80px;width:440px;'><iframe src=\"petprofile-leavefootprint.html\" width=\"440\" height=\"80\" frameborder=\"0\"></iframe></div>", {title: "给我留言",modal:true,closeText:"返回个人档案首页"});
		});
	});
</script>
<!--[if IE 6]>
<script type="text/javascript" src="resources/js/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>
  DD_belatedPNG.fix('.pngfix');
</script>
<![endif]-->
</body>
</html>
